<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>
<%@ taglib uri="/WEB-INF/tld/genapha.tld" prefix="genapha" %>
    <!-- jQuery -->
<!--    <link type="text/css" href="<html:rewrite page="/theme/jQuery%20UI/css/redmond/jquery-ui-1.8.1.custom.css" />" rel="stylesheet" />-->
    <link type="text/css" href="<html:rewrite page="/theme/jQuery%20UI/css/Aristo/jquery-ui-1.8.5.custom.css" />" rel="stylesheet" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="<html:rewrite page="/theme/jQuery%20UI/js/jquery-ui-1.8.1.custom.min.js" />"></script>
    <!--jQuery: DataTables -->
    <script type="text/javascript" src="<html:rewrite page="/js/dataTables-1.7/media/js/jquery.dataTables.js" />"></script>
    <link type="text/css" href="<html:rewrite page="/js/dataTables-1.7/media/css/demo_table_jui.css" />" rel="stylesheet" />
    <!--jQuery: Simpletip -->
    <script type="text/javascript" src="<html:rewrite page="/js/jquery.simpletip-1.3.1.min.js" />"></script>
    <!-- jQuery: Slimbox2 -->
    <script type="text/javascript" src="<html:rewrite page="/js/slimbox-2.04/js/slimbox2.js" />"></script>
    <link type="text/css" href="<html:rewrite page="/js/slimbox-2.04/css/slimbox2.css" />" rel="stylesheet" media="screen" />
    <!-- Courtesy of Kimili Flash Embed - Version 1.4 -->
    <script src="<html:rewrite page="/js/swfobject.js" />" type="text/javascript"></script>
    <!-- Google Ajax Search -->
    <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAA1XbMiDxx_BTCY2_FkPh06RRaGTYH6UMl8mADNa0YKuWNNa8VNxQEerTAUcfkyrr6OwBovxn7TDAH5Q"></script>
    <script type="text/javascript">
        google.load('search', '1');
        
        function OnLoad()
        {
            // Create a search form
            searchForm = new google.search.SearchForm(false, document.getElementById("ajaxSearch"));

            // Bind search function to the submit button
            searchForm.setOnSubmitCallback(this, ajaxSearch);
        }

        function ajaxSearch(searchForm)
        {
            url = "./siteSearch.do?search=" + searchForm.input.value;
            window.location = url;
        }

        google.setOnLoadCallback(OnLoad);
    </script>
    
    <link rel="stylesheet" href="<html:rewrite page="/theme/genapha_v3.css" />" type="text/css" />
    <link rel="shortcut icon" type="image/ico" href="http://genapha.icapture.ubc.ca/wp-content/themes/raw-30/favicon.ico" />
</head>

<body>
<div id="wrap"> <!-- Will be closed in the footer -->

<div id="header">
    <div id="ajaxSearch"></div>
    <div id="version">
        <html:link action="version" title="Version Information">v2.1</html:link>
    </div>
    <div id="header2"></div>
</div>

<div id="navbar">
    <ul>
        <li class="login"><genapha:LoginLogoutTag/></li>
        <li><html:link action="index" title="Home">Home</html:link></li>
        <li>
            <html:link action="aboutTemplate0" title="Background">
                Background
                <span class="ui-icon dropdown ui-icon-triangle-1-s">&nbsp;&nbsp;&nbsp;</span>
            </html:link>
            <tiles:insert name="aboutMenu" />
        </li>
        <li>
            <html:link action="research" title="Study Results">
                Study Results
                <span class="ui-icon dropdown ui-icon-triangle-1-s">&nbsp;&nbsp;&nbsp;</span>
            </html:link>
            <tiles:insert name="researchMenu" />
        </li>
        <li>
            <html:link action="teamMembers" title="Team">
                Team
                <span class="ui-icon dropdown ui-icon-triangle-1-s">&nbsp;&nbsp;&nbsp;</span>
            </html:link>
            <tiles:insert name="teamMenu" />
        </li>
        <li><html:link action="contact" title="Contact">Contact</html:link></li>
        <li><html:link action="sitemap" title="Site Map">Site Map</html:link></li>
        <li><html:link action="termsOfUse" title="Terms of Use">Terms of Use</html:link></li>
    </ul>
</div>